<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{padding:0; margin:0;}
        .all{
            width:890px; height:300px;
            border: solid 2px red;
            margin:0 auto;
            font-size: 12px;
            overflow: auto;
        }
        .all dl{
            width:162px; height:112px; border: solid 1px #808080;
            float:left;
           
            margin:0 46px 20px 0;
        }
        .all dt{
            height:84px; width:162px;
            background: #ccc;
            color: #b5b5b5;
        }
        .all dd{
            line-height:28px;
            text-align: center;
        }
        .all dt p{
            /* width:162px; */
            padding-left:18px;
            line-height: 47px;
            padding-top:5px;
        }
        .all dt span{
            padding-left:16px;
            line-height: 31px;
        }

        /* 可能有点难想到 */
        .all dl:hover dt{
                background: #219cea;
                color: #fff;
        }
        .all dl:hover dd{
            color: #219cea;
        }

        /* .all dt:hover{
            background: #219cea;
        }
        .all dd:hover{
            color: #219cea;
        } */
    </style>
</head>
<body>
  <div class="all">
      <dl>
          <dt>
              <p>￥1000.00圆</p>
              <span>有限日期:2022-4-27</span>
          </dt>
          <dd>店钱云太</dd>
      </dl>
      <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
    <dl>
        <dt>
            <p>￥1000.00圆</p>
            <span>有限日期:2022-4-27</span>
        </dt>
        <dd>店钱云太</dd>
    </dl>
  </div>  
</body>
</html>